<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>.::ATUS::. Atención al Usuario</title>
                <link rel="shortcut icon" href="favicon.ico"/>
            </f:facet>
        </h:head>
        <h:body>
            <div>
                <h:graphicImage url="/atus/images/Banner.jpg" width="100%" height="100%" alt="LogoAtus"  style="vertical-align: top;"/> 
            </div>

            <p:panel>
                <p:panelGrid> 
                    <p:row>
                        <p:column style="vertical-align: top;"> 
                            <h:form>
                                <p:menu>
                                    <p:submenu label="Menú">                                
                                        <p:menuitem value="Inicio" url="/faces/atus/indexCoordinadorAdmin.xhtml" />  
                                        <p:menuitem value="Consultas" url="/faces/atus/consultasTurnosAdmin.xhtml" />
                                        <p:menuitem value="Reportes" url="/faces/atus/gestionReportesAdmin.xhtml" />
                                        <p:menuitem value="Funcionarios" url="/faces/atus/gestionFuncionariosAdmin.xhtml" />
                                        <p:menuitem value="Coordinador" url="/faces/atus/gestionFuncionarioAdmin.xhtml" />                                
                                        <p:menuitem value="Cambio Contraseña" url="/faces/atus/CambiaPasswordCoord.xhtml" />
                                        <p:menuitem value="Cerrar Sesión" actionListener="#{usuariosAtusVista.cerrarSesion_action}" />
                                    </p:submenu>                   
                                </p:menu>
                            </h:form>
                        </p:column>
                        <p:column>
                            <h:form id="formulario">                              
                                <p:panel id="panelFuncionarios" header="Funcionarios"> 
                                    <p:focus context="panelFuncionarios"/>
                                    <p:messages id="mensajes" showDetail="true" closable="true" />
                                    <f:facet name="actions">
                                        <p:commandLink onclick="PF('helpDialog').show();" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"><h:outputText styleClass="ui-icon ui-icon-help" /></p:commandLink>
                                    </f:facet>
                                    <p:panelGrid  columns="2">
                                        <h:outputText value="Identificación:"/>
                                        <p:inputText id="txtIdentificacion" binding="#{funcionarioVista.txtIdentificacion}">
                                            <p:ajax listener="#{funcionarioVista.txtIdentificacion_listener}" update="panelFuncionarios" />
                                        </p:inputText>

                                        <h:outputText value="Nombre:"/>
                                        <p:inputText id="txtNombre" binding="#{funcionarioVista.txtNombre}" />

                                        <h:outputText value="Apellido:"/>
                                        <p:inputText id="txtApellido" binding="#{funcionarioVista.txtApellido}" />

                                        <h:outputText value="Teléfono"/>
                                        <p:inputText id="txtTelefono" binding="#{funcionarioVista.txtTelefono}" />

                                        <h:outputText value="Correo:"/>
                                        <p:inputText id="txtCorreo" binding="#{funcionarioVista.txtCorreo}" />

                                        <h:outputText value="Contraseña:"/>
                                        <p:password id="passClave" binding="#{funcionarioVista.passClave}" feedback="true"/>

                                        <h:outputText value="Dependencia:"/> 
                                        <p:selectOneMenu id="cmbDependencia" binding="#{funcionarioVista.cmbDependencia}" > 
                                            <f:selectItem itemLabel="Seleccione" itemValue="" noSelectionOption="true"/>
                                            <f:selectItems value="#{funcionarioVista.itemsDependencia}" /> 
                                            <p:ajax listener="#{funcionarioVista.onDependenciaChange}" update="cmbArea" />
                                        </p:selectOneMenu>

                                        <h:outputText value="Area:"/>
                                        <p:selectOneMenu id="cmbArea" binding="#{funcionarioVista.cmbArea}" >
                                            <f:selectItem itemLabel="Seleccione" itemValue="" noSelectionOption="true"/>
                                            <f:selectItems value="#{funcionarioVista.itemsArea}" /> 
                                        </p:selectOneMenu>    

                                        <f:facet name="footer"> 
                                            <div align="center"> 
                                                <p:commandButton id="btnCrear" value="Crear" binding="#{funcionarioVista.btnRegistrar}" action="#{funcionarioVista.registrar_action}" update="formulario" />
                                                <p:commandButton id="btnModificar" value="Modificar" binding="#{funcionarioVista.btnModificar}" action="#{funcionarioVista.modificar_action}" update="formulario" disabled="true" />
                                                <p:commandButton id="btnEliminar" value="Eliminar" binding="#{funcionarioVista.btnEliminar}" onclick="PF('confirmation').show()" type="button" disabled="true" />
                                                <p:commandButton id="btnLimpiar" value="Limpiar" binding="#{funcionarioVista.btnLimpiar}" action="#{funcionarioVista.limpiar_action}" update="formulario" />
                                            </div>
                                        </f:facet>
                                    </p:panelGrid>

                                </p:panel>                            
                                <br />
                                <h:outputText value="Si Desea Buscar un Funcionario digite el Dato en el Filtro Respectivo" />
                                <br /><br />
                                <p:dataTable id="listaFuncionarios" var="funcionarios" value="#{funcionarioVista.listaFuncionarios}" selection="#{funcionarioVista.selectedFuncionario}"
                                             selectionMode="single" rowKey="#{funcionarios.documento.documento}" paginator="true" rows="5" emptyMessage="No hay Funcionarios!" 
                                             filteredValue="#{funcionarioVista.listaFuncionarios}">
                                    <p:ajax event="rowSelect" listener="#{funcionarioVista.onRowSelect}"   
                                            update=":formulario:panelFuncionarios" /> 
                                    <p:column sortBy="#{funcionarios.documento.documento}" filterBy="#{funcionarios.documento.documento}" filterMatchMode="contains">
                                        <f:facet name="header">
                                            <h:outputText  value="Identificación" />                            
                                        </f:facet>
                                        <h:outputText  value="#{funcionarios.documento.documento}" />                          
                                    </p:column>

                                    <p:column sortBy="#{funcionarios.documento.nombre}" filterBy="#{funcionarios.documento.nombre}">
                                        <f:facet name="header" >
                                            <h:outputText  value="Nombre" />                            
                                        </f:facet>
                                        <h:outputText  value="#{funcionarios.documento.nombre}" />                          
                                    </p:column>

                                    <p:column sortBy="#{funcionarios.documento.apellido}" filterBy="#{funcionarios.documento.apellido}">
                                        <f:facet name="header" >
                                            <h:outputText  value="Apellido" />                            
                                        </f:facet>
                                        <h:outputText  value="#{funcionarios.documento.apellido}" />                          
                                    </p:column>

                                    <p:column sortBy="#{funcionarios.area.nombre}" filterBy="#{funcionarios.area.nombre}">
                                        <f:facet name="header" >
                                            <h:outputText  value="Area" />                            
                                        </f:facet>
                                        <h:outputText  value="#{funcionarios.area.nombre}" />                          
                                    </p:column>         

                                </p:dataTable> 
                                <!--Panel Exportar -->
                                <p:panel header="Exportar">   
                                    <h:commandLink>
                                        <!--PDF-->
                                        <h:outputText value="PDF" />
                                        <p:dataExporter type="pdf" fileName="ListadoFuncionarios" target="listaFuncionarios"/>
                                    </h:commandLink>

                                    <h:outputText value=" | " />

                                    <h:commandLink>
                                        <!--EXCEL-->
                                        <h:outputText value="XLS" />
                                        <p:dataExporter type="xls" fileName="ListadoFuncionarios" target="listaFuncionarios"/>
                                    </h:commandLink>
                                </p:panel>

                                <!-- dialogo de ayuda -->
                                <p:dialog id="modalDialog" header="Ayuda" widgetVar="helpDialog" showEffect="fade" hideEffect="explode" modal="true" dynamic="true">  
                                    <p align="justify">                       
                                        En esta página usted podrá:<br/><br/>
                                        <b>-Consultar, Crear, Modificar y Eliminar Funcionarios:</b>
                                        Esta función sólo es válida para el Coordinador Administrativo. En la tabla inferior de resultados se listarán todos los funcionarios de las distintas dependencias
                                        que han sido registrados en el sistema. Podrá filtrar los resultados por Documento, Nombre, Apellido y Área Funcional. Si desea eliminar algun funcionario
                                        existente sólo deberá seleccionarlo de la tabla y dar clic en el botón Eliminar. Si desea modificarlo, seleccionelo de la tabla, registre sus cambios y de clic en el 
                                        botón Modificar.
                                        <br/><br/>
                                        Para crear un nuevo funcionario debe digitar su documento de identificación, al pulsar la tecla TAB o ENTER el sistema consultará si ya se encuentra registrado y cargará
                                        sus datos personales de ser así, para lo cual usted deberá completar los datos como funcionario. Si el funcionario no se encuentra deberá realizar el registro completo.
                                        <br/><br/>
                                    </p>
                                </p:dialog>
                            </h:form>

                            <!-- Dialogo de confirmacion para el boton eliminar -->
                            <h:form id="formDialog" > 
                                <p:confirmDialog id="confirmDialog" message="Está Seguro de Eliminar el Funcionario?"  
                                                 header="Confirmación" severity="alert" widgetVar="confirmation">  
                                    <p:commandButton id="confirm" value="Si" oncomplete="PF('confirmation').hide()" update=":formulario:panelFuncionarios"  
                                                     actionListener="#{funcionarioVista.onEliminacionConfirm}" />  
                                    <p:commandButton id="decline" value="No" onclick="PF('confirmation').hide()" type="button" />   

                                </p:confirmDialog> 
                            </h:form>
                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panel> 
            <div>
                <h:graphicImage url="/atus/images/Pie.jpg" width="100%" height="100%" alt="LogoAtus"  style="vertical-align: bottom;"/>
            </div>
        </h:body>

    </f:view>
</html>
